<!DOCTYPE html>
<html>
<head>
<script>
  $(document).ready(function() {
	  $("#create_messages").click(function(e) {
		    e.preventDefault();
		    $("#inner_container").html('<span>Loading...</span>');
		    $('#inner_container').load('messaging.jsp', function (responseText, textStatus, req) {
		        if (textStatus == "error") {
		        	$('#content2').html("Could not load the settings");
		          }
		    } ); 
		    return false;  
		});
	  
	  $("#settings").click(function(e) {
		    e.preventDefault();
		    $('#inner_container').load('settings.html');  
		    return false;  
		});
  });
  </script>
</head>
<body>
	<div id="menus">
		<h3>
			<a href="#" id="create_messages">Create Messages</a>
		</h3>
		<div></div>
		<h3>
			<a href="#" id="settings">Settings</a>
		</h3>
		<div></div>
		<h3>
			<a href="#" id="status">Status</a>
		</h3>
		<div></div>
		<h3>
			<a href="#" id="connection">Connection</a>
		</h3>
		<div></div>
	</div>
</body>
</html>